import ReactDOM from 'react-dom/client';
// import ReactDOM from "react-dom";
import type { FC } from 'react';
import 'antd/dist/reset.css';

import Comp from './component/comp';
import ComplexComp from './component/complex';
import Events from './component/events';
import States from './component/state';
import Props from './component/props';
import LifeCycle from './component/lifeCycle';
import Ref from './component/ref';
import Context from './component/context';
import CssComp from './css';
import Hoc from './component/hoc';

// debugger;
// const element = <div>hello world</div>;

// console.log(element);

const App: FC = () => {
  return (
    <div className="App">
      {/* <Comp /> */}
      {/* <Events /> */}
      {/* <ComplexComp /> */}
      {/* <States /> */}
      {/* <Props /> */}
      {/* <LifeCycle /> */}
      {/* <Ref /> */}
      {/* <Context /> */}
      {/* <CssComp /> */}
      <Hoc />
    </div>
  );
};

const element = <App />;

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
// console.log(root);

debugger;
root.render(element);

// ReactDOM.render(element, document.getElementById('root'));
